<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" th:href="@{images/favicon.ico}">
    <title>公共课程</title>
    <!-- Reset CSS -->
    <link href="css/reset.css" th:href="@{css/reset.css}" rel="stylesheet" type="text/css">
    <!-- Bootstrap -->
    <link href="assets/bootstrap/css/bootstrap.min.css" th:href="@{assets/bootstrap/css/bootstrap.min.css}" rel="stylesheet" type="text/css">
    <!-- Font Awesome -->
    <link href="assets/font-awesome/css/font-awesome.min.css" th:href="@{assets/font-awesome/css/font-awesome.min.css}" rel="stylesheet" type="text/css">
    <!-- Iconmoon -->
    <link href="assets/iconmoon/css/iconmoon.css" th:href="@{assets/iconmoon/css/iconmoon.css}" rel="stylesheet" type="text/css">
    <!-- Lightbox CSS -->
    <link href="assets/lightbox/css/lightbox.css" th:href="@{assets/lightbox/css/lightbox.css}" rel="stylesheet" type="text/css">
    <!-- Owl Carousel -->
    <link href="assets/owl-carousel/css/owl.carousel.min.css" th:href="@{assets/owl-carousel/css/owl.carousel.min.css}" rel="stylesheet" type="text/css">
    <!-- Animate -->
    <link href="css/animate.css" th:href="@{css/animate.css}" rel="stylesheet" type="text/css">
    <!-- Aos -->
    <link href="assets/aos/aos.css" th:href="@{assets/aos/aos.css}" rel="stylesheet" type="text/css">
    <!-- Custom Style -->
    <link href="css/custom.css" th:href="@{css/custom.css}" rel="stylesheet" type="text/css">
</head>
<body>
<!-- Start CLASS SCHEDULE sec -->
<div class="classSch-outer">
    <div class="container">
        <div class="head">
            <h3>公共课时间表</h3>
        </div>
        <ul class="tabs">
            <li class="active"><a href="#mon">星期一</a></li>
            <li><a href="#tus">星期二</a></li>
            <li><a href="#wed">星期三</a></li>
            <li><a href="#thrus">星期四</a></li>
            <li><a href="#friday">星期五</a></li>
            <li><a href="#sat">星期六</a></li>
            <li><a href="#sun">星期日</a></li>
        </ul>
        <div class="table-outer">
            <table class="table tab_container" id="mon">
                <tr th:each="course : ${session.commentCourses}" th:if="${course.week==1}">
                    <td th:text="${course.cname}">Yoga</td>
                    <td th:text="${course.schooltime}">10.00 am - 12.00 pm</td>
                    <td th:text="${course.teacher}">Robert Smith</td>
                    <td><a  href="javascript:;" class="btn">加入我们</a></td>
                </tr>
            </table>
            <table class="table tab_container" id="tus">
                <tr th:each="course : ${session.commentCourses}" th:if="${course.week==2}">
                    <td th:text="${course.cname}">Yoga</td>
                    <td th:text="${course.schooltime}">10.00 am - 12.00 pm</td>
                    <td th:text="${course.teacher}">Robert Smith</td>
                    <td><a href="javascript:;" class="btn">加入我们</a></td>
                </tr>
            </table>
            <table class="table tab_container" id="wed">
                <tr th:each="course : ${session.commentCourses}" th:if="${course.week==3}">
                    <td th:text="${course.cname}">Yoga</td>
                    <td th:text="${course.schooltime}">10.00 am - 12.00 pm</td>
                    <td th:text="${course.teacher}">Robert Smith</td>
                    <td><a href="javascript:;"  class="btn">加入我们</a></td>
                </tr>
            </table>
            <table class="table tab_container" id="thrus">
                <tr th:each="course : ${session.commentCourses}" th:if="${course.week==4}">
                    <td th:text="${course.cname}">Yoga</td>
                    <td th:text="${course.schooltime}">10.00 am - 12.00 pm</td>
                    <td th:text="${course.teacher}">Robert Smith</td>
                    <td><a  href="javascript:;" class="btn">加入我们</a></td>
                </tr>
            </table>
            <table class="table tab_container" id="friday">
                <tr th:each="course : ${session.commentCourses}" th:if="${course.week==5}">
                    <td th:text="${course.cname}">Yoga</td>
                    <td th:text="${course.schooltime}">10.00 am - 12.00 pm</td>
                    <td th:text="${course.teacher}">Robert Smith</td>
                    <td><a href="javascript:;"  class="btn">加入我们</a></td>
                </tr>
            </table>
            <table class="table tab_container" id="sat">
                <tr th:each="course : ${session.commentCourses}" th:if="${course.week==6}">
                    <td th:text="${course.cname}">Yoga</td>
                    <td th:text="${course.schooltime}">10.00 am - 12.00 pm</td>
                    <td th:text="${course.teacher}">Robert Smith</td>
                    <td><a href="javascript:;" class="btn">加入我们</a></td>
                </tr>
            </table>
            <table class="table tab_container" id="sun">
                <tr th:each="course : ${session.commentCourses}" th:if="${course.week==7}">
                    <td th:text="${course.cname}">Yoga</td>
                    <td th:text="${course.schooltime}">10.00 am - 12.00 pm</td>
                    <td th:text="${course.teacher}">Robert Smith</td>
                    <td><a href="javascript:;" class="btn">加入我们</a></td>
                </tr>
            </table>
        </div>
    </div>
</div>
<!-- End CLASS SCHEDULE sec -->
</body>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery.min.js" th:src="@{js/jquery.min.js}"></script>
    <!-- Bootstrap JS -->
    <script src="assets/bootstrap/js/bootstrap.min.js" th:src="@{assets/bootstrap/js/bootstrap.min.js}"></script>
    <!-- Lightbox JS -->
    <script src="assets/lightbox/js/lightbox.js" th:src="@{assets/lightbox/js/lightbox.js}"></script>
    <!-- Owl Carousal JS -->
    <script src="assets/isotope/js/isotope.min.js" th:src="@{assets/isotope/js/isotope.min.js}"></script>
    <!-- Owl Carousal JS -->
    <script src="assets/owl-carousel/js/owl.carousel.min.js" th:src="@{assets/owl-carousel/js/owl.carousel.min.js}"></script>
    <!-- Aos JS -->
    <script src="assets/aos/aos.js" th:src="@{assets/aos/aos.js}"></script>
    <!-- CounterUp JS -->
    <script src="assets/counterup/counterup.min.js" th:src="@{assets/counterup/counterup.min.js}"></script>
    <script src="assets/counterup/waypoints.min.js" th:src="@{assets/counterup/waypoints.min.js}"></script>
    <!-- Custom JS -->
    <script src="js/custom.js" th:src="@{js/custom.js}"></script>
</html>